enyo.kind({
    name: "MyApps.DemoDays",
    kind: enyo.VFlexBox,
    
    
    events: {
        onBack: "",
    },
    
    components: [{
        name: "pane",
        kind: "Pane",
        flex: 1,
        transitionKind: "enyo.transitions.LeftRightFlyin",
        components: [{
            kind: "VFlexBox",
            flex: 1,
            components: [{
                kind: "PageHeader",
                className: "enyo-header-dark",
                components: [{
                    kind: "IconButton",
                    onclick: "doBack",
                    icon: "images/menu-icon-back.png",
                    className: "enyo-button-dark"
                }, {
                    kind: "VFlexBox",
                    flex: 1,
                    align: "center",
                    components: [{
                        content: "Journées démo"
                    }, ]
                }, {
                    kind: "Button",
                    caption: "Liste",
                    className: "enyo-button-dark",
                    onclick: "showList"
                }]
            }, {
                kind: "VFlexBox",
                className: "demodaystop",
                components: [{
                    content: "Les journées démo",
                    className: "demodaystitle",
                }, {
                    content: "Des occasions exceptionnelles de tester en réel le matériel.",
                    className: "demodaystext",
                }, ]
            }, {
                kind: "VFlexBox",
                flex: 1,
                pack: "center",
                align: "center",
                className: "demodaysbottom",
                components: [{
                    kind: "Image",
                    src: "images/brands.png",
                
                }, ]
            }]
        }, {
            name: "demodayslist",
            kind: "MyApps.DemoDaysList",
            onBack: "goBack",
        }]
    }, ],
    
    
    showList: function(){
        this.$.pane.selectViewByName("demodayslist");
        this.$.pane.render();
    },
    goBack: function(inSender, inEvent){
        this.$.pane.back(inEvent);
    }
});
